﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="change-password.aspx.cs" Inherits="user_change_password" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<!-- Scripts  |  Start  -->

    <script type="text/javascript">
        $(document).ready(function() {
            $().UItoTop({ easingType: 'easeOutQuart' });
        });

        $("#op").css({ opacity: 0.5 });
    </script>

    <!-- Scripts  |  End    -->
    <link rel="stylesheet" href="../hr/css/content.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PageBody" Runat="Server">
<!-- Showcase Banner  |  Start -->
<div id="showcase">
<div id="canvas" class="career">


<!-- #Include file="../includes/showcase_nav.inc" -->


<div class="grid z30"></div>

<div class="manlady z25"></div>
<div class="bg z20"></div>
<div id="cloud_big" class="career z15"></div>
<div class="sun z10"></div>

</div>
</div>
<!-- Showcase Banner  |  End   -->

<div class="seperator">
    </div>
    <div id="body">
        <!-- Right Column | Start -->
        <div class="col_left">
            <div class="menu">
                <ul>
                    <li><a href="../careers/job-list.aspx">Careers</a></li>
                    <li><a href="profile.aspx">Profile</a></li>
                    <li><a href="application.aspx">Application Applied</a></li>
                    <li><a href="change-password.aspx" class="select">Change Password</a></li>
                    <li><a href="logout.aspx">Logout</a></li>
                </ul>
            </div>
        </div>
        <!-- Right Column | End   -->
        <!-- Content Column | Start -->
        <div class="col_mid">
        
    <div id="list-contet">
    <h1 class="heading">
                <asp:Label runat="server" ID="lblFormTitle" Text="Change Password" /></h1>
            <div class="seperator">
            </div>
        
        <table width="100%" cellpadding="3" cellspacing="3">
                        <tr>
                            <td colspan="3">
                                <asp:Label ID="lblMessage" runat="server" ForeColor="Red"></asp:Label>
                                <br />
                                <span style="display: none; color: Red; font-weight: bold; font-size: small">All fields
                                    are required.</span>
                                <asp:ValidationSummary runat="server" ID="vsCustomer" ValidationGroup="customer"
                                    ShowSummary="True" HeaderText="" />
                            </td>
                        </tr>
                        <tr>
                            <td width="170px">
                                Current Password
                            </td>
                            <td>
                                :
                            </td>
                            <td>
                                <asp:TextBox runat="server" ID="txtCurPassword" MaxLength="50" Width="250px" TextMode="Password" />
                                <asp:RequiredFieldValidator runat="server" ID="rfvCurPassword" ControlToValidate="txtCurPassword"
                                    ValidationGroup="customer" Display="Dynamic" ErrorMessage="Please enter current password."
                                    Text="*" />
                            </td>
                        </tr>
                        <tr>
                            <td width="170px">
                                New Password
                            </td>
                            <td>
                                :
                            </td>
                            <td>
                                <asp:TextBox runat="server" ID="txtNewPassword" MaxLength="50" Width="250px" TextMode="Password" />
                                <asp:RequiredFieldValidator runat="server" ID="rfvPassword" ControlToValidate="txtNewPassword"
                                    ValidationGroup="customer" Display="Dynamic" ErrorMessage="Please enter password."
                                    Text="*" />
                            </td>
                        </tr>
                        <tr>
                            <td width="170px">
                                Confirm Password
                            </td>
                            <td>
                                :
                            </td>
                            <td>
                                <asp:TextBox runat="server" ID="txtConfirmPassword" Width="250" TextMode="Password" />
                                <asp:RequiredFieldValidator runat="server" ID="rfvPassword2" ControlToValidate="txtConfirmPassword"
                                    ValidationGroup="customer" Display="Dynamic" ErrorMessage="Please enter confirm password."
                                    Text="*" />
                                    
                                    <asp:CompareValidator ID="csvConfirmPassword" runat="server" ControlToCompare="txtNewPassword"
                                        validationErrorCssClass="validationError" ControlToValidate="txtConfirmPassword"
                                        Display="Dynamic" ErrorMessage="New password does not match." Text="" ValidationGroup="customer"></asp:CompareValidator>
                            </td>
                        </tr>
                         <tr>
                            <td width="170px">
                            </td>
                            <td>
                            </td>
                            <td>
                                <div id="divProcessing" style="display: none;">
                                    <asp:Label runat="server" ID="lblSubmitMessage" ForeColor="Red" />
                                </div>
                                <asp:Button runat="server" ID="btnSubmitForm" 
                                    OnClick="btnSubmitForm_Click" CausesValidation="true" ValidationGroup="customer"
                                    Text="Update" Width="120px" Height="35px" Font-Bold="true" />
                            </td>
                        </tr>
                        </table>
    </div>
    
    </div>
    <div class="clear">
        </div>
        </div>
    <div class="seperator">
    </div>
    
     <script language="javascript" type="text/javascript">
         function SubmitConfirm() {
             var _retVal = false;
             if (Page_ClientValidate('applynow')) {
                 _retVal = confirm('Do you confirm to UPDATE your password?');
                 if (_retVal) {
                     document.getElementById('<%=lblSubmitMessage.ClientID%>').innerHTML = 'Processing...';
                     document.getElementById('divProcessing').style.display = '';
                     //document.getElementById('<%=lblSubmitMessage.ClientID%>').style.color = 'gray';
                     document.getElementById('<%=btnSubmitForm.ClientID%>').style.display = 'none';
                 }
             }
             return _retVal;
         }

    </script>
    </asp:Content>





